@charset "utf-8";

/*	-------------------------------------------------------------
	Lovely CSS - A CSS framework by Constantinos Demetriadis
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	URL:			www.ohmylovely.com/css-framework/
	Description:	Sticky Footer
	Author:			Constantinos Demetriadis
	Description:    Sticky Footer Solution
                    by Steve Hatcher
                    http://stever.ca
                    http://www.cssstickyfooter.com

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SVN Repository Info

	$Id: plg.footer.css 195 2009-02-23 20:18:02Z cdemetriadis@gmail.com $
	$URL: http://lovely-css.googlecode.com/svn/tags/version-0.9.2/lovely-css/plug-ins/plg.footer.css $
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Installation
	
	Add this line in your HTML:
		@import url("lovely-css/plug-ins/plg.footer.css");

	Add this to your css file (_tpl.screen.css);
        .main {
            padding-bottom: 150px; }
        .footerContainer {
        	margin-top: -150px;
        	height: 150px; }

	Help?
		padding-bottom	= the height of your footer
		margin-top		= the height of your footer (negative value)
		height          = the height of your footer

	*/

    html, body, .gridContainer {
        height: 100%; }

    body > .gridContainer {
        height: auto;
        min-height: 100%; }

    .footerContainer {
        background-color: #000;
        position: relative;
    	clear:both; }

    /* CLEAR FIX */
    .clearfix:after {content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */